<aside class="el-aside h-screen layout-aside w-auto bright">
    <section class="el-container is-vertical w-100 h-screen sidebar-brightness-mode hidden-xs-only">
        <header class="el-header logo-wrap w-100">
            <div class="logo flex items-center m-auto max-w-[210px] h-[30px]">
                <img class="max-w-full" style="height: 32px;"  src="/static/images/logo.png" alt="{:get_config('site_name')}"></div>
        </header>
        <main class="el-main menu-wrap">
            <div class="el-scrollbar">
                <div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
                    <div class="el-scrollbar__view" style="">
                        <ul role="menubar" class="el-menu el-menu--vertical aside-menu h-full" style="--el-menu-level: 0;">
                            <li class="el-menu-item {if $Request.controller=='Index'}is-active{/if}">
                               <div class="w-[16px] h-[16px] relative flex justify-center">
                                     <a href="/admin">
                                    
                                </div>
                               <div class="relative">
                                    <span class="ml-[10px] text-[15px]">控制台</span>
                                    </div>
                              </a>
                            </li>
                            {volist name="menu" id="vo"}
                            <li class="el-sub-menu">
                                <div class="el-sub-menu__title" data-bs-toggle="collapse" href="#collapseExample{$vo.id}" role="button" aria-expanded="false" aria-controls="collapseExample">
                                    <div class="w-[16px] h-[16px] relative flex items-center">
                                        <i class="el-icon icon el-icon absolute !w-auto" style="color: var(--color); font-size: 16px;">
                                             <i class="iconfont  {$vo.icon}"></i>
                                        </i>
                                    </div>
                                    <span class="ml-[10px] text-[15px]">{$vo.name}</span>
                                    <i class="el-icon el-sub-menu__icon-arrow" style="transform: none;">
                                        <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
                                            <path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
                                        </svg>
                                    </i>
                                </div>
                                <ul id="collapseExample{$vo.id}" class="el-menu el-menu--inline collapse {:menu_shou($Request.controller,$vo.id)}">
                                    {assign name="var" value="$vo.id" /}
                                    {qh:get value="data"  where="parentid=$var and status=1" sql="qh_app_menu"}
                                    {if app_role_priv($data.m,$data.c,$data.a)}
                                    <li class="el-menu-item {if $Request.controller==$data.c}is-active{/if}">
                                      <a href="{:url(''.$data.c.'/'.$data.a.'')}">
                                        <span class="text-[14px] ml-[40px]">{$data.name}</span></a></li>
                                   {/if}
                                {/qh:get}
                                </ul>
                            </li>
                             {/volist}
                        </ul>
                        <div class="h-[48px]"></div>
                    </div>
                </div>
                
            </div>
        </main>
    </section>
</aside>